<template>
  <div>
    <div v-if="payStatus">支付成功!!</div>
    <div v-else>支付失败</div>
  </div>
</template>

<script>
import http from '@/common/api/request.js'
import qs from 'qs'
export default {
  data(){
    return{
      //支付状态
      payStatus:false,
    }
  },  
  created(){
    this.getData()
  },
  methods:{
    getData(){
      let data ={
        out_trade_no:this.$route.query.out_trade_no,//订单号，支付宝返回的url中就有
        trade_no:this.$route.query.trade_no
      }
      http.$axios({
        url:'/api/successPayment',
        method:'POST',
        headers:{
          token:true,
          'Content-Type':'application/x-www-form-urlencoded'//一定要写
        },
        data:qs.stringify(data)  //支付宝沙箱要求一定要写（安全性序列化）
      }).then(res=>{
        //支付成功
        if(res.code ==2){
          this.payStatus = true
        }
        console.log(res)
      })
    }
  }
}
</script>

<style>

</style>